	<h2 class="title-tnm-col-right">Bàn <?php echo Yii::app()->numberFormatter->format('00', $table_id); ?></h2>
    <div class="content-tnm-col-right">
    	<div id="sub-col-right">
            <div class="sub-title">
            	Thức uống
            	<a href="#" class="btn-add-drink"><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/add-icon.png" width="14" height="14" /></a>
           	</div>
            <?php if ($checkouts) : ?>
            <div class="sub-content">
            	<ul>
                    <?php foreach ($checkouts['drinks'] as $drink)
                            if ($drink->drink) : ?>
                	<li><?php echo $drink->drink->type; ?>:</li>
                    <li class="num"><?php echo $drink->number; ?></li>
                    <?php endif; ?>
                </ul>
            </div>
            <?php endif; ?>
            <div class="sub-title">
            	Trang phục
            	<a href="#" class="btn-add-fashion"><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/add-icon.png" width="14" height="14" /></a>
           	</div>
            <div class="sub-content">
            	<ul>
                	<?php foreach ($checkouts['drinks'] as $drink)
                            if ($drink->clothing) : ?>
                	<li><?php echo $drink->clothing->type; ?>:</li>
                    <li class="num"><?php echo $drink->number; ?></li>
                    <?php endif; ?>
                </ul>
            </div>
            <div class="button" style="padding-top:20px; clear:both"><a href="<?php echo $this->createUrl('/checkout/index', array('table_id' => $_GET['table_id'])); ?>">Thanh toán</a></div>
        </div>
    </div>
    <div class="bottom-tnm-col-right"></div>
 <script type="text/javascript">
    $('table tr td select').val('0');
    $('table tr td label').text('0');
    <?php $tt_money = 0;
    foreach ($checkouts['drinks'] as $drink)
    if ($drink->drink) : ?>
    $('#Drinks_<?php echo $drink->drink->id; ?>').val('<?php echo $drink->number; ?>');
    $('#drink_<?php echo $drink->drink->id; ?>').text('<?php echo $drink->number * $drink->drink->price; ?>');
    <?php $tt_money+=$drink->number * $drink->drink->price; ?>
    <?php endif; ?>
    $('#total_money').text('<?php echo $tt_money; ?>');
    
    <?php $tt_money = 0;
    foreach ($checkouts['drinks'] as $drink)
    if ($drink->clothing) : ?>
    $('#Clothings_<?php echo $drink->clothing->id; ?>').val('<?php echo $drink->number; ?>');
    $('#clothing_<?php echo $drink->clothing->id; ?>').text('<?php echo $drink->number * $drink->clothing->price; ?>');
    <?php $tt_money+=$drink->number * $drink->clothing->price; ?>
    <?php endif; ?>
    $('#total_money_clothing').text('<?php echo $tt_money; ?>');
    
/*=============== Popup Add drink ============*/
$.fx.speeds._default = 100;
$(function() {
	$(".dialog-add-drink" ).dialog({
		autoOpen: false,
		show: "blind",
		hide: "blind",
		width: 500,
		modal: true,
	});
	$( ".btn-add-drink" ).click(function() {
		$( ".dialog-add-drink" ).dialog( "open" );
		return false;
	});
});

/*=============== Popup Add Fashion ============*/
$.fx.speeds._default = 100;
$(function() {
	$(".dialog-add-fashion" ).dialog({
		autoOpen: false,
		show: "blind",
		hide: "blind",
		width: 500,
		modal: true,
	});
	$( ".btn-add-fashion" ).click(function() {
		$( ".dialog-add-fashion" ).dialog( "open" );
		return false;
	});
});

/*=============== Popup Add Fashion ============*/
$.fx.speeds._default = 100;
$(function() {
	$(".dialog-order-play" ).dialog({
		autoOpen: false,
		show: "blind",
		hide: "blind",
		width: 500,
		modal: true,
	});
	$( ".btn-order-play" ).click(function() {
		$( ".dialog-order-play" ).dialog( "open" );
		return false;
	});
});

 </script>